<template>
  <div>
    <div class="search-history">
      <comp-history-title></comp-history-title>
      <ul class="history-list">
        <li v-for="item in list" :key="item">
          <comp-searhis-item>
            <template> {{ item }} </template>
          </comp-searhis-item>
        </li>
      </ul>
    </div>
  </div>
</template>

<script>
import CompHistoryTitle from "@/components/comp-historyTitle.vue";

import CompSearhisItem from "@/components/comp-searhisItem.vue";
export default {
  name: "History",
  components: {
    CompHistoryTitle,
    CompSearhisItem,
  },
  props: {},
  data() {
    return {
      list: ["土豆", "茄子", "麻婆豆腐", "鱼", "可可奶油吐司", "土梨凤酥"],
    };
  },
  methods: {},
};
</script>

<style lang="less" scoped>
.history-list {
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  padding: 15px;
}
</style>